<template>
  <div class="resigter-success">
    <a-result status="success" title="恭喜，注册成功！">
      <template #subTitle>
        <div class="success-item" style="margin-top: 40px;">
          <div class="label">企业名称：</div>
          <div class="value">{{ account.name }}</div>
        </div>
        <div class="success-item" style="margin-bottom: 40px;">
          <div class="label">绑定手机号：</div>
          <div class="value">{{ account.phone }}</div>
        </div>
      </template>
      <template #extra>
        <a-button
          key="console"
          type="primary"
          size="large"
          @click="$router.push('/')"
        >
          返回首页
        </a-button>
        <a-button
          key="buy"
          size="large"
          @click="$router.push('/user/auth/step1')"
        >
          快速成为认证会员
        </a-button>
      </template>
    </a-result>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["account"])
  }
};
</script>

<style lang="less" scoped>
.resigter-success {
  padding: 20px;
}
.success-item {
  display: flex;
  justify-content: center;
  color: @text-color;
  margin-bottom: 20px;

  .label {
    font-size: 20px;
    font-weight: bold;
  }

  .value {
    font-size: 20px;
    font-weight: bold;
    color: @text-color-2;
  }
}
</style>
